{% extends "security/base.html" %}
{% block title %}Códigos de recuperação{% endblock %}
{% block content %}
<section class="k4w-security-card k4w-security-card--narrow">
  <p class="eyebrow">CÓPIA ÚNICA</p>
  <h1>{% if first_setup %}2FA ativado com sucesso{% else %}Novos códigos gerados{% endif %}</h1>
  <div class="portal-alert portal-alert--warning">Guarde estes códigos num local seguro. Não voltaremos a mostrá-los e cada um só pode ser utilizado uma vez.</div>
  <div class="k4w-recovery-grid">{% for code in recovery_codes %}<code>{{ code }}</code>{% endfor %}</div>
  <button class="portal-button portal-button--secondary" type="button" onclick="navigator.clipboard.writeText(document.querySelector('.k4w-recovery-grid').innerText)">Copiar códigos</button>
  <a class="portal-button portal-button--primary" href="{% url 'security:overview' %}">Concluir</a>
</section>
{% endblock %}